<template>
<div class="w pt" v-if="data">
<div class="t">尊敬的{{data.customerName}}，<b style="font-size:14px;">[{{data.infoDto.customerTypeName}}]</b></div>
<div class="tx">十分感谢您登记参观{{data.infoDto.exhibitionName}}。</div>
<p>您已经成功注册，请在阅读完友情提示后打印电子确认函，并妥善保留！</p>
<p>您的观众预登记号为：</p>
<div class="t" style="padding-top:0">{{data.customerNo}}</div>
<div class="img">
	<img style="width:120px" :src="'data:image/png;base64,'+data.qrcode"/>
</div>
<p style="font-size:12px; padding-bottom:15px; color:#43B984; text-decoration:underline">主办单位：{{data.infoDto.exhibitionSponsor}}</p>
<div v-html="data.pageDTO.pcZhEndPageTip"></div>
</div>
</template>
<script>
import config from "@/config";
export default {
  data() {
    return {
			data:'',
		};
  },
	mounted() {
		this.id = this.$route.query.id ? this.$route.query.id : '';
		this.getData();
	},
	methods: {
		async getData(){
			var map = {
				token : config.userInfo.token,
				sessionId : config.userInfo.sessionId,
				customerUuid : config.userInfo.customer.uuid,
				exhibitionUuid :this.id,			
			};
			var param = config.setFormData('showExhibitionQrCode',map)
			var res = await this.$http.post(config.appCall,param);
			this.data = res.data;			
		}
	}
}
</script>
<style scoped>
.pt{ line-height:2; width:840px; margin:0 auto; font-size:13px;}
.t{ font-size:22px; padding:30px 0 5px;}
.tx{ font-size:18px;}
p{ margin:0;}
.img{ padding:5px 0 10px;}
.img img{ margin-right:20px;}
.table{border-collapse: collapse; margin:10px 0;}
.table td{ border:1px solid #DCDFE6; font-size:14px; text-align:center; height:35px;}
</style>
